<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>编辑账户信息</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/我的类表-全部播放.css"/>
    <link rel="stylesheet" type="text/css" href="css/tiaozhuan.css"/>
    <script src="js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   			
   		});
   		
    </script>
</head>
<body>
	  <audio id="audio" src="../../myliusir/sound/에일리 (Ailee) - 보여줄게 (给你看).mp3"></audio>
	<header>
		<span class="left"><img id="on" src="img/fanhui.png"/></span>
		<span class="center">更多故事<img id="mous" src="img/xialai.png" alt="" style="margin-left: 20px;"/></span>
		<span class="right"></span>
	</header>
	<section>
		<div class="shang-shang"><span class="bofang"><img id="goto"  src="img/yuang.png"/>全选</span></div>
		<ul class="quanxuan">
			<li id="list">
				<div class="left-left" style="margin: 0;"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=3502796235.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">小公举</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=1216032745.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left" style="margin: 0;"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=3502796235.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=1216032745.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left" style="margin: 0;"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=3502796235.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=1216032745.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left" style="margin: 0;"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=3502796235.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=1216032745.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left" style="margin: 0;"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=3502796235.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=1216032745.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left" style="margin: 0;"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=3502796235.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			<li>
				<div class="left-left"><img class="yn" src="img/yuang.png"/></div>
				<div class="center-center">
					<div class="right-right"><img src="img/u=1216032745.png"/></div>
					<div class="left-right">
						<h5>公主<span>13:12</span></h5>
						<h5><p class="p-1">清新</p><p class="p-2">清新</p><p class="p-3">清新</p></h5>
					</div>
				</div>
				<div class="right-left"><a href="#"><img  src="img/erji.png"/>121321</a></div>
			</li>
			
		</ul>
	</section>

	<script src="js/flexible.debug.js" type="text/javascript"></script>
	<script src="../../js/jquery-1.11.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	
	var list = document.getElementById("list");

	var quanxuan = document.getElementById("#goto");
	var img = document.getElementsByClassName("yn");
	console.log(img)



  // 切换图片
  
      for (var i=0;i<img.length;i++) {
			img[i].index = i;
			img[i].onclick = function () {
				//alert ("2131")
				img[this.index].src= "img/yuanglv.png";
			}	
		
		}

// 切换结束

//   切换 全选
    var flag = null;
    goto.onclick = function(){
	   	    	
		    if ( flag ) {
		    	goto.src= "img/yuang.png";
	   	        for (var i=0;i<img.length;i++) {
					img[i].src= "img/yuang.png";
					flag = false;
				}
		    } else{
		    	goto.src= "img/yuanglv.png";
                for (var i=0;i<img.length;i++) {
					img[i].src= "img/yuanglv.png";
					flag = true;
				}
		    }
		}
   
   //  切换全选







      // 点击跳转
		  $("#on").click(function(event) {
				location.href = "../../首页-2.html"
			});


//        $(".bofang").click(function(event) {
//        	      $("#audio")[0].play();
//        	      alert("正在播放")
//        });
          $("#mous").click(function(event) {
          	     $(".shang-shang").toggle(400);
          	      $(".quanxuan").toggle(400);
          });

          
            	




	</script>
</body>
</html>